<template>
  <div class="hpage">
 <div class="header">
        <div class="iconfont hico">&#xe603;</div>
        <div class="title">{{$router.meta.name}}</div>
       <!-- 小U商城 -->
       <div class="hr"></div>
       </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
 .hpage{
    min-width: 3.75rem;
    width: 7.5rem;
    /* height: 100vh; */
    margin: 0 auto;
    position: relative;
    
}
 .header{
     width: 7.5rem;
     height: 0.88rem;
     line-height: 0.88rem;
     background-color: #FF6040;
     display: flex;
     color:#fff;
     align-items: center;
     position: relative;
     /* text-align: center; */
     /* padding: 0 0.1rem; */    
 }
 .hico{
    font-size: 0.45rem;
    /* margin-left: 0.2rem; */
    /* flex: 1; */
    /* text-align: left; */
    position: absolute;
    left:0.2rem ;
 }
 .header .title{
     /* color: */
     font-size: 0.34rem;
     flex: 1;
     /* margin: 0 auto; */
     text-align: center;
 }
 .header .hr{
     /* display: inline-block; */
     width: 1.74rem;
     /* flex: 1; */
     position: absolute;
     right:0.12rem;
     height: 0.64rem;
     border: 0.005rem solid rgba(255,255,255,.25);
     border-radius: 0.32rem;
     /* margin-right: 0.1rem; */
     /* flex: 1; */
 }
</style>